//************************************************ 
//*  本页面为手工编写的关于费用类的明细表页面
//************************************************ 
<template>
	<view>
		<vol-alert>
			<view></view>
		</vol-alert>
		<vol-table :url="tableUrl" @rowClick="rowClick" @cellClick="cellClick" :defaultLoadPage="load" @loadBefore="loadBefore"
			:height="tableHeight" :titleField="titleField" :index="rowIndex" @loadAfter="loadAfter" ref="table"
			:direction="direction" @formatter="formatter" :columns.sync="columns" :textInline="textInline">
		</vol-table>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				curr_row:null,
				load: false, //默认是否加载数据
				rowIndex: true, //显示行号
				titleField: 'reim_id', //列表的标题字段,这里的字段必须在columns中存在，否则报错 by huangxs 2022年6月14日 15:54:13
				tableUrl: "api/Fk_reimlist/getPageData",
				//设置table为水平显示或者list列表显示'horizontal'//list
				direction: "list",
				tableHeight: 0, //表格高度，默认100%高度
				textInline: false, //表格内容超出是否换行
				columns: [{
						field: 'reimlist_id',
						title: '主键ID',
						hidden: true
					},
					{
							field: 'reim_id',
							title: '主键ID',
							hidden: true
						},
					{
						field: 'rcntr',
						title: '成本中心/研发项目',
						type: 'string',
						bind: {
							key: 'cntr',
							data: []
						}
					},
					{
						field: 'fei_type',
						title: '科目',
						type: 'string',
						bind: {
							key: 'fei_typelist',
							data: []
						}
					},
					{
						field: 'fzdate',
						title: '发票日期',
						type: 'datetime'
					},
					{
						field: 'tax',
						title: '税额',
						type: 'decimal'
					},
					{
						field: 'ws_je',
						title: '未税金额',
						type: 'decimal',
						readonly: true
					},
					{
						field: 'je',
						title: '金额(含税)',
						type: 'decimal'
					},
					{
						field: 'tickno',
						title: '票号',
						type: 'string'
					},
					{
						field: 'fujian',
						title: '附件',
						type: 'img'
					},
					{
						field: 'remark',
						title: '备注',
						type: 'string'
					}
				]
			}
		},
		onLoad() {
			
			//#ifdef  H5
			
			//#endif
			let _this = this;
			
			uni.getSystemInfo({
				success: function(res) {
					_this.tableHeight = res.windowHeight - 70;
				}
			});
		},
		methods: {
			formatter(row, column, index, callback) { //格式化单元格数据
				/* if (column.field == 'UserName') {
					return callback('<a style="color:red;">' + row.UserName + '</a>')
				}
				return callback(row[column.field]) */
			},
			rowClick(index, row) {
				this.$toast(`点击了第${index}行`)
			},
			cellClick(index, row,column) { //判断单元格点击事件
			   this.$toast("ddd")
			    
		    },
			loadAfter() {
			},
			loadBefore(params, callback) {		
				let wheres = [{
								'name': 'reim_id',
								'value': this.curr_row.reim_id,
								//'displayType': 'like'//设置为模糊查询,其他不需要设置
							}]
							//也可以提交一些其他参数，后台在GetPageData()方法读取options.value
							//param.value = "xxx";
				
							params.wheres.push(...wheres);
			    //console.log(params)
				callback(true);
			},
			onShow(){
				//#ifdef MP-WEIXIN
					//this.curr_row = uni.getStorageSync("curr_row");
					//this.$refs.table.load(null,true)//
				//#endif
			
				this.$nextTick(()=>{//页面之间传数据最好使用getStorageSync，否则不兼容小程序 by huangxs2022年6月14日 17:04:34
					this.curr_row = uni.getStorageSync("curr_row");
					this.$refs.table.load(null,true)//刷新数据，先要关闭vol-table控件默认的数据加载方式，因为不起作用查询条件不起作用by huangxs 2022年6月15日 08:09:43
				})
				
			}
		}
	}
</script>

<style>

</style>
